import React from 'react';

// By extending HTMLAttributes, Card can accept all standard div props like onClick, etc.
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode;
}

const Card: React.FC<CardProps> = ({ children, className, ...props }) => {
  return (
    <div 
      className={`bg-slate-800/50 backdrop-blur-sm border border-slate-700/50 rounded-2xl p-4 shadow-lg ${className || ''}`}
      {...props}
    >
      {children}
    </div>
  );
};

export default Card;
